<template>
    <a-layout>
        <a-layout-sider  >
            <Menus></Menus>
        </a-layout-sider>
        <a-layout>
            <a-layout-header class="breakcrumb">
                <a-row type="flex" >
                    <a-col :span="16">
                        <TopLoc></TopLoc>
                    </a-col>
                    <a-col :span="8" class="text-right">
                       <TopTool></TopTool>
                    </a-col>
                </a-row>
                
            </a-layout-header>
            <a-layout>
                <MainBox></MainBox>
            </a-layout>
        </a-layout>
    </a-layout>
    
</template>
<style lang="less" scoped>
.breakcrumb{
    background:white;
}

</style>
<script>
import { defineComponent } from 'vue';
import TopLoc from '@/components/TopLoc.vue';
import TopTool from '@/components/TopTool.vue';
import Menus from '@/components/Menus.vue';
import MainBox from '@/components/MainBox.vue';
import { useRoute, useRouter } from 'vue-router';

export default defineComponent({
    components:{ TopLoc, TopTool, Menus,MainBox },
    setup() {
        const route=useRoute();
        //console.log(route.query);
        const router=useRouter();
        document.title='后台管理中心';

        if(route.query['routes'] && route.query['routes']!=undefined)
        {
            let path=route.query['routes'].replace(/_/g,'/');
            //router.push({path:path});
        }
        
        
    },
})
</script>
